<template>
  <div class="w-100">
    <div class="title rounded shadow-harsh bar">
      辅料信息
    </div>

    <!--  此处的表格写死 因为不是原料信息表-->

    <div class="mt-30">
      <!--    通过字段进行 filter-->
      <el-table
        @row-click="rowClickHandler"
        class="shadow-harsh rounded p-5"
        :data="tableData.filter(data => !search || data.address.toLowerCase().includes(search.toLowerCase()))"
      >
        <el-table-column
          label="表名"
          prop="name">
        </el-table-column>

      </el-table>
    </div>
  </div>
</template>

<script>
import router from "../../router";

export default {
  name: "Excipients",



  methods: {
    handleEdit(index, row) {
      console.log(index, row);
    },
    handleDelete(index, row) {
      console.log(index, row);
    },
    rowClickHandler(row) {
      console.log(row)
      router.push({ path: `/table/${row.value}` })
    }
  },

  data() {
    return {
      tableData: [{
        name: '产品包装维护信息表',
        value: 'pack_maintain',
      }],
      search: ''
    }
  }
};
</script>

<style scoped>

</style>